﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>杨智超数据可视化</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script> 
<script type="text/javascript" src="js/js.js"></script> 
<script type="text/javascript" src="js/jquery.limarquee.js"></script> 
<script type="text/javascript" src="js/jquery.cxselect.min.js"></script> 
	
<link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div style="background:#000d4a url(images/bg.jpg) center top;">
	<div class="loading">
  <div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
</div>
	<div class="back"></div>
<div class="head">
	 <div class="weather"><span id="showTime"></span></div>
  <h1>杨智超大学期间数据可视化</h1>

</div>
	<script>
var t = null;
    t = setTimeout(time,1000);//開始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
		var y=dt.getFullYear();
		var mt=dt.getMonth()+1;
		var day=dt.getDate();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日"+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器，循环运行     
    } 

</script>
<div class="mainbox">
  <ul class="clearfix">
    <li>
      <div class="boxall" style="height:400px;">
        <div class="alltitle">大学时光</div>
         <div class="navboxall" id="echart5"></div>
      </div>
      <div class="boxall" style="height:260px;">
        <div class="alltitle">学科成绩</div>
       <div class="navboxall" >
		  <div class="wraptit">
		   <span>科目</span><span>成绩</span><span>绩点</span><span>学分</span>
		   </div>
		  <div class="wrap">
          <ul>
<li><p><span>C语言</span><span>88</span><span>3.80</span><span>4.0</span></p></li>
<li><p><span>高等数学1</span><span>70</span><span>2.0</span><span>6.0</span></p></li>
<li><p><span>化鱼成龙</span><span>87</span><span>3.7</span><span>1.0</span></p></li>
<li><p><span>数理基础</span><span>82</span><span>3.20</span><span>3.0</span></p></li>
<li><p><span>计算机网络</span><span>85</span><span>3.50</span><span>2.0</span></p></li>
<li><p><span>大数据平台</span><span>90</span><span>4.00</span><span>0.5</span></p></li>
<li><p><span>操作系统</span><span>84</span><span>3.40</span><span>3.0</span></p></li>
<li><p><span>毛泽东思想</span><span>82</span><span>3.20</span><span>5.0</span></p></li>
<li><p><span>学生修养1</span><span>良好</span><span>3.50</span><span>1.0</span></p></li>
<li><p><span>学生修养2</span><span>优秀</span><span>4.50</span><span>1.0</span></p></li>
<li><p><span>学生修养3</span><span>优秀</span><span>4.50</span><span>1.0</span></p></li>
<li><p><span>学生修养4</span><span>优秀</span><span>4.50</span><span>1.0</span></p></li>
<li><p><span>学生修养5</span><span>中等</span><span>2.50</span><span>1.0</span></p></li>
<li><p><span>Hadoop</span><span>83</span><span>3.30</span><span>3.0</span></p></li>
<li><p><span>Python</span><span>92</span><span>4.20</span><span>4.0</span></p></li>
<li><p><span>大数据采集</span><span>92</span><span>4.20</span><span>0.5</span></p></li>
<li><p><span>Web网页</span><span>84</span><span>3.40</span><span>3.0</span></p></li>
<li><p><span>数据挖掘</span><span>88</span><span>3.80</span><span>4.0</span></p></li>
<li><p><span>网络爬虫</span><span>94</span><span>4.40</span><span>3.0</span></p></li>
<li><p><span>Hbase</span><span>90</span><span>4.00</span><span>3.0</span></p></li>
<li><p><span>专业英语</span><span>94</span><span>4.40</span><span>3.0</span></p></li>
<li><p><span>项目管理</span><span>92</span><span>4.20</span><span>3.0</span></p></li>
<li><p><span>大数据分析</span><span>92</span><span>4.20</span><span>0.5</span></p></li>
<li><p><span>Linux</span><span>82</span><span>3.20</span><span>3.0</span></p></li>
<li><p><span>MySQL</span><span>71</span><span>2.10</span><span>2.0</span></p></li>
           
          </ul>
        </div>
		  
		  </div>
      </div>
      <div class="boxall" style="height:260px;">
        <div class="alltitle">大学总况</div>
        
       <div class="navboxall" id="echart1"></div>
      </div>
    </li>
    <li>
      
    <div class="boxall" style="height:230px">
		<div class="clearfix navboxall" style="height: 100%">
		<div class="pulll_left num">
			<div class="numbt">个人简介<span>：</span></div>
      <div class="numtxt">杨智超：</br>喜爱互联网行业，
        对大数据时代的发展保持高度的敏感性和关注度，
        善于沟通，具 有良好的团队意识，抗压能力强，
        吃苦耐劳，为人本分。</div>
			</div>
		<div class="pulll_right zhibiao">
			<div class="zb1"><span>性别</span><div id="zb1"></div></div>
			<div class="zb2"><span>年龄</span><div id="zb2"></div></div>
			<div class="zb3"><span>颜值</span><div id="zb3"></div></div>
		</div>
		</div>
      </div>
		   <div class="boxall" style="height:350px">
        <div class="alltitle">消费曲线</div>
			   <div class="navboxall" id="echart4"></div>
			   
      </div>
		   <div class="boxall" style="height:340px">
        <div class="alltitle">学习曲线</div>
			   <div class="navboxall" id="echart3"></div>
      </div>
    </li>
    <li>
      <div class="boxall" style="height:300px">
        <div class="alltitle">项目经验</div>
	<div class="navboxall">
		  <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <th scope="col">排名</th>
      <th scope="col">名称</th>
      <th scope="col">时间</th>
      <th scope="col">参与率</th>
    </tr>
    <tr>
		<td><span>1</span></td>
      <td>Hadoop平台开发</td>
      <td>一周<br></td>
      <td>100%<br></td>
    </tr>
    <tr>
		<td><span>2</span></td>
      <td>selenium爬取b站</td>
      <td>一周</td>
      <td>50%</td>
    </tr>
    
    <tr>
		<td><span>3</span></td>
      <td>SpringBoot开发小程序</td>
      <td>一周</td>
      <td>100%</td>
    </tr>
    <tr>
		<td><span>4</span></td>
      <td>Spark统计电商实时交易</br>数据</td>
      <td>两周</td>
      <td>80%</td>
    </tr>
	  
	
  </tbody>
</table>
		  </div>
      </div>
		
      <div class="boxall" style="height: 300px">
        <div class="alltitle">证书奖杯</div>
		  <div class="navboxall">
		  <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
       <th scope="col">名称</th>
      <th scope="col">证书</th>
      <th scope="col">时间</th>
    </tr>
    <tr>
		  <td>传智杯</td>
      <td>三等奖</td>
      <td>2021年01月<br></td>
    </tr>
    <tr>
		  <td>三下乡</td>
      <td>优秀报道</td>
      <td>2019年12月<br></td>
    </tr>
    
    <tr>
		  <td>大数据技能竞赛</td>
      <td>二等奖</td>
      <td>2021年05月<br></td>
    </tr>
    <tr>
		  <td>计算机二级</td>
      <td>Java</td>
      <td>2021年05月<br></td>
    </tr>
	  <tr>
		  <td>爱国辩论赛</td>
      <td>三等奖</td>
      <td>2018年09月<br></td>
    </tr>
    <tr>
		  <td>共建优良学风</td>
      <td>十佳舍长</td>
      <td>2019年05月<br></td>
    </tr>

  </tbody>
</table>
		  </div>
		  
      </div>
		
		 <div class="boxall" style="height:320px">
        <div class="alltitle">期望工作</div>
			 <div class="navboxall" id="echart2"></div>
      </div>
		
		
    </li>
  </ul>

</div>
	</div>
	
	<script>
$(function(){
	$('.wrap,.adduser').liMarquee({
		direction: 'up',//身上滚动 
		runshort: false,//内容不足时不滚动
		scrollamount: 20//速度
	});
});

</script> 
	
</body>
</html>
